{include file="common/head"/}

<section id="main-content">
    <section class="wrapper">
        <h3><i class="fa fa-angle-right"></i> 分类管理</h3>
        <div class="row mt">
            <div class="col-md-12">
                <div class="content-panel">
                    <table class="table table-striped table-advance table-hover">
                        <h4>
                            <i class="fa fa-angle-right"></i> 分类列表</h4>
                        <hr>
                        <thead>
                            <tr>
                                <th>
                                    <i class="fa fa-bullhorn"></i> ID</th>
                                <th>
                                    <i class="fa fa-question-circle"></i> 名称</th>
                                <th>
                                    <i class=" fa fa-edit"></i> 状态</th>
                                <th>
                                    <i class=" fa fa-edit"></i> 修改</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="categoryList" id="cat"}
                            <tr>
                                <td>{$cat.id}</td>
                                <td>{$cat.name}</td>
                                <td>
                                    {eq name="$cat['status']" value="1"}
                                    <span class="label label-success label-mini">开启</span>
                                    {else/}
                                    <span class="label label-warning label-mini">关闭</span>
                                    {/eq}
                                </td>
                                <td>
                                    <a class="btn btn-primary btn-xs btn-edit" href="/admin/category/detail?id={$cat.id}">
                                        <i class="fa fa-pencil"></i>
                                    </a>
                                </td>
                            </tr>
                            {/volist}
                            <!-- <tr>
                                <td>
                                    <a href="basic_table.html#">
                                        Dashgum co
                                    </a>
                                </td>
                                <td class="hidden-phone">描述</td>
                                <td>17900.00$ </td>
                                <td>
                                    <span class="label label-warning label-mini">Due</span>
                                </td>
                                <td>
                                    <button class="btn btn-success btn-xs">
                                        <i class="fa fa-check"></i>
                                    </button>
                                    <button class="btn btn-primary btn-xs">
                                        <i class="fa fa-pencil"></i>
                                    </button>
                                    <button class="btn btn-danger btn-xs">
                                        <i class="fa fa-trash-o "></i>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="basic_table.html#">
                                        Another Co
                                    </a>
                                </td>
                                <td class="hidden-phone">Lorem Ipsum dolor</td>
                                <td>14400.00$ </td>
                                <td>
                                    <span class="label label-success label-mini">Paid</span>
                                </td>
                                <td>
                                    <button class="btn btn-success btn-xs">
                                        <i class="fa fa-check"></i>
                                    </button>
                                    <button class="btn btn-primary btn-xs">
                                        <i class="fa fa-pencil"></i>
                                    </button>
                                    <button class="btn btn-danger btn-xs">
                                        <i class="fa fa-trash-o "></i>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="basic_table.html#">
                                        Dashgum ext
                                    </a>
                                </td>
                                <td class="hidden-phone">Lorem Ipsum dolor</td>
                                <td>22000.50$ </td>
                                <td>
                                    <span class="label label-success label-mini">Paid</span>
                                </td>
                                <td>
                                    <button class="btn btn-success btn-xs">
                                        <i class="fa fa-check"></i>
                                    </button>
                                    <button class="btn btn-primary btn-xs">
                                        <i class="fa fa-pencil"></i>
                                    </button>
                                    <button class="btn btn-danger btn-xs">
                                        <i class="fa fa-trash-o "></i>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="basic_table.html#">Total Ltd</a>
                                </td>
                                <td class="hidden-phone">Lorem Ipsum dolor</td>
                                <td>12120.00$ </td>
                                <td>
                                    <span class="label label-warning label-mini">Due</span>
                                </td>
                                <td>
                                    <button class="btn btn-success btn-xs">
                                        <i class="fa fa-check"></i>
                                    </button>
                                    <button class="btn btn-primary btn-xs">
                                        <i class="fa fa-pencil"></i>
                                    </button>
                                    <button class="btn btn-danger btn-xs">
                                        <i class="fa fa-trash-o "></i>
                                    </button>
                                </td>
                            </tr> -->
                        </tbody>
                    </table>
                </div>
                <!-- /content-panel -->
            </div>
            <!-- /col-md-12 -->
        </div>
        <!-- /row -->

    </section>
    <! --/wrapper -->
</section>
<!-- /MAIN CONTENT -->


<script src="__STATIC__/common/js/bootstrap.min.js"></script> 
<script>
$(function () {
    $('.dropdown-toggle').dropdown();
    $('.btn-edit').click(function(){
        var id = $(this).data('id');
        

    });
});
</script>
